 Ext.define('aps.solicitud_cambioGrid', {
    extend: 'Ext.grid.Panel',
    alias : 'aps.solicitud_cambioGrid',
    
    name:       'solicitud_cambio_grid',
    id: 'solicitud_cambio_grid_id',
    autoScroll: true,
    border:     false,
    height:     320,
    forceFit:   true,
    initComponent: function() {
        var self = this;    
        this.store  = Ext.create('aps.solicitud_cambioConsultaStore');
        this.layout = {
            type:  'fit',
            align: 'center'
        };
        this.columns = [
            { header: 'Id', flex: 0, dataIndex: 'id'},
			{ header: 'Fase', flex: 0, dataIndex: 'fase'},
			{header:  'Usuario', flex: 0, dataIndex: 'usuario'},
            { header: 'Estado', flex: 0, dataIndex: 'estado' },
            { header: 'Descripcion', flex: 0, dataIndex: 'descripcion'}
        ];
        this.tbar = Ext.create('Ext.PagingToolbar', {
            store:       this.store,
            displayInfo: true,
            displayMsg:  'Total de elementos : {2}',
            emptyMsg:    "<b>No hay datos que mostrar</b>",
//            items: ['-',{
//                xtype:   'button',
//                grid:    self,
//                text:    '<b>Ver Items<b>',
//                id:      'consulta_items_solicitud_cambio_btn_grid_1',
//                iconCls: 'details-icon',
//                handler: this.form_items_x_solicitud_cambio_handler
//            }]
        });
        this.callParent(arguments);
    },
    
//    form_items_x_solicitud_cambio_handler : function(){
//        var records = this.grid.getSelectionModel().getSelection();
//        if(records == null || records.length == 0){
//            Ext.Msg.alert('ERROR','Debe seleccionar un registro');
//        }
//        else{
//            var id_solicitud_cambio  = records[0].data.id;
//            var panel   = Ext.create('aps.ItemPorSolicitud_CambioPanel');
//            panel.items.getAt(0).setValue(id_solicitud_cambio);
//            panel.llenar_grid();
//            
//            var win = Ext.create('Ext.Window',{
//                modal :     true,
//                autoScroll: true,
//                height:     '80%',
//                width:      '80%',
//                frame:      false,
//                border:     false,
//                items:      [panel]
//            });
//            win.show();
//        }
//      }
});
